import { ref } from 'vue';
<template>
  <div class="w-3 p-8">
    <div
      v-for="i in urlList"
      v-ripple
      class="p-ripple bg-primary flex cursor-pointer justify-content-center align-items-center shadow-2 border-round p-4 font-bold text-white-alpha-10"
      :key="i.url"
      @click="handleClick(i.url)"
    >
      {{ i.title }}
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { useRouter } from 'vue-router';
const router = useRouter()
const urlList = ref([
  {
    title: '代码运行',
    url: '/code-compiler'
  }
])

const handleClick = (url: string) => {
  router.push(url)
}
</script>

<style scoped lang="scss">

</style>
